<!doctype html>
<html lang="en" ng-app="nexus">
<head>
  <meta charset="utf-8">
  <title>My AngularJS App</title>
  <link rel="stylesheet" href="css/app.css"/>
  <link rel="stylesheet" href="css/bootstrap.css"/>
  
  <script src="js/libs/jquery-1.9.0.min.js"></script>
  <script src="js/libs/bootstrap.js"></script>
  <script src="lib/angular/angular.js"></script>
  <script src="lib/angular-strap.js"></script>
  <script src="js/app.js"></script>
  <script src="js/services.js"></script>
  <script src="js/controllers.js"></script>
  <script src="js/courses.js"></script>
  <script src="js/institutes.js"></script>
  <script src="js/filters.js"></script>
  <script src="js/directives.js" ></script>
</head>
<body>
	
 	<div ng-controller="headerCtrl" class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">

            <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <a class="brand" href="#">Learn</a>

            <div class="nav-collapse collapse pull-right">
                <ul class="nav">
                    <li><a href="#course">Courses</a></li>
                    <li><a href="#institute">Institutes</a></li>
					<li><a ng-show="notLogin" bs-modal="'partials/login.html'">Login</a></li>
					<li><a ng-show="!notLogin" ng-click="logout()">Logout</a></li>
                   <!-- <li><a href="#me/notifications">Notifications</a></li>-->
                </ul>
               <!-- <ul id="login" class="nav pull-right"></ul>-->
            </div>
			

        </div>
    </div>
</div>

<div class="container">
    <br/>
    <div class="row-fluid">
        <div class="span12" id="content">
        </div>
    </div>

    <hr>
	
	<div ng-view="main"></div>
	

    <footer>
        <p>&copy; Learn 2013</p>
    </footer>

</div><!--/.fluid-container-->
	<!--<ul class="menu">
    <li><a href="#/view1">view1</a></li>
    <li><a href="#/view2">view2</a></li>
  </ul>
 

  <div><span app-version></span></div>

  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
  -->
   
	
  
</body>
</html>
